<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>山寨小米首页</title>
	<link rel="stylesheet" href="css/xiaomi.css" type="text/css" >
	<script type="text/javascript" src="javascript/mi.js"></script>
</head>
<body>
<!-- 网页顶部栏 -->
	<div class="top">
	<!-- 网页顶部栏左菜单 -->
	  <div class="top_menu">
		<div class="top_left">
			<a href="">小米商城</a>
			<span>|</span>
			<a href="">MIUI</a>
			<span>|</span>
			<a href="">米聊</a>
			<span>|</span>
			<a href="">游戏</a>
			<span>|</span>
			<a href="">多看阅读</a>
			<span>|</span>
			<a href="">云服务</a>
			<span>|</span>
			<a href="">金融</a>
			<span>|</span>
			<a href="">小米网移动版</a>
			<span>|</span>
			<a href="">问题反馈</a>
			<span>|</span>
			<a href="">Select Region</a>
		</div>
		<!-- 网页顶部栏右边登陆注册 -->
		<div class="top_right">
			<a href="">登陆</a>
			<span>|</span>
			<a href="">注册</a>
			<span>|</span>
			<a href="">消息通知</a>
			<a class="shopp" href=""><i class='iconfont'>&#xe60c;</i>购物车(0)</a>
		</div>
	  </div>
	</div>
	<!-- 网页中间内容 -->
	<div class="mid">
	<!-- 网页中间内容头部 -->
		<div class="head">
		<!-- 网页中间内容头部logo -->
			<div class="logo">
				<a class="mi" href="http://www.mi.com/"><img src="images/logo.png" alt=""></a>
				<a href=""><img src="images/mi5.gif" alt=""></a>
			</div>
			<!-- 网页中间内容头部菜单 -->
			<div class="menu">
				<a href="">小米手机</a>
				<a href="">红米</a>
				<a href="">平板 · 笔记本</a>
				<a href="">电视</a>
				<a href="">盒子 · 影音</a>
				<a href="">路由器</a>
				<a href="">智能硬件</a>
				<a href="">服务</a>
				<a href="">社区</a>
			</div>
			<!-- 网页中间内容头部搜索框 -->
			<div class="searh">
				<input class="text" type="text">
				<input class="submit iconfont" type="submit" value="&#xe616;">
			</div>
		</div>
		<!-- 网页中间内容图片滚动左边部分 -->
		<div class="gundong">
			<div class="touming"></div>
			<div class="gundong_left">
				<ul>
					<li><a href="">手机 电话卡<i class='iconfont'></i></a></li>
					<li><a href="">笔记本 平板<i class='iconfont'></i></a></li>
					<li><a href="">电视 盒子<i class='iconfont'></i></a></li>
					<li><a href="">路由器 智能硬件<i class='iconfont'></i></a></li>
					<li><a href="">移动电源 电池 插线板<i class='iconfont'></i></a></li>
					<li><a href="">耳机 音箱<i class='iconfont'></i></li>
					<li><a href="">保护套 贴膜<i class='iconfont'></i></li>
					<li><a href="">线材 支架 储存卡<i class='iconfont'></i></li>
					<li><a href="">箱包 服饰<i class='iconfont'></i></li>
					<li><a href="">米兔 生活周边<i class='iconfont'></i></li>
				</ul>
			</div>
				<!-- 网页中间内容图片滚动右边部分 -->
			<div class="gundong_right">
				<a href=""><img id="move"src="images/gundong_1.jpg"></a>
				<!-- 箭头 -->
				<span class="next_touming"></span>
				<span class="next"></span>
				<span class="last_touming"></span>
				<span class="last"></span>
			</div>
		</div>
		<!-- <div class="clear"></div> -->
		<!-- 网页中间内容图片滚动下面部分 -->
		<div class="gundong_bottom">
		<!-- 网页中间内容图片滚动下面的左边部分 -->
			<div class="left">
				<ul>
					<li><a href=""><i class='iconfont'>&#xe901;</i>选购手机</a>
						<span class="right_line"></span><span class="bottom_line"></span>
					</li>
					
					<li><a href=""><i class='iconfont'></i>企业团购</a>
						<span class="right_line"></span><span class="bottom_line"></span>
					</li>
					
					<li><a href=""><i class='iconfont'></i>官翻产品</a>
						<span class="bottom_line"></span>
					</li>

					<li><a href=""><i class='iconfont'></i>小米移动</a>
						<span class="right_line"></span>
					</li>
					<li><a href=""><i class='iconfont'></i>以旧换新</a>
						<span class="right_line"></span>
					</li>
					
					<li><a href=""><i class='iconfont'></i>话费充值</a></li>
				</ul>
			</div>
			<!-- 网页中间内容图片滚动下面的右边部分 -->
			<div class="right">
				<ul>
					<li><a href=""><img src="images/gundong_bottom_right1.jpg" width="316" height="172"></a></li>
					<li><a href=""><img src="images/gundong_bottom_right2.jpg" width="316" height="172"></a></li>
					<li><a href=""><img src="images/gundong_bottom_right3.jpg" width="316" height="172"></a></li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
		<!-- 小米明星单品 -->
		<div class="mi_start">
			<p class="p1">小米明星单品</p>
			<ul>
				<li class="jiantou"><a href=""><i class='iconfont'></i></a></li>
				<li class="jiantou"><a href=""><i class='iconfont'></i></a></li>
			</ul>
			<div class="clear"></div>
			<div class="li">
				<ul>
					<li class="li1">
						<a href=""><img src="images/mi_start_li1.png">
							<p class="p2">小米5 高配64GB</p>
							<p class="p3">黑科技手机，3D玻璃机身</p>
							<p class="p4">2099元</p>
						</a>
					</li>
					<li class="li2">
						<a href=""><img src="images/mi_start_li2.png">
							<p class="p2">小米Max 优惠200元</p>
							<p class="p3">128GB大容量，4850mAh大电池</p>
							<p class="p4">1799元</p>
						</a>
					</li>
					<li class="li3">
						<a href=""><img src="images/mi_start_li3.png">
							<p class="p2">红米Pro 十核双摄</p>
							<p class="p3">购机即送Type-C转接头</p>
							<p class="p4">1499元起</p>
						</a>
					</li>
					<li class="li4">
						<a href=""><img src="images/mi_start_li4.png">
							<p class="p2">小米笔记本</p>
							<p class="p3">独立显卡、超轻薄、金属机身</p>
							<p class="p4">3499元起</p>
						</a>
					</li>
					<li class="li5">
						<a href=""><img src="images/mi_start_li5.png">
							<p class="p2">小米平板2 16GB现货</p>
							<p class="p3">轻薄全金属，海量内容</p>
							<p class="p4">999元</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<!-- 网页底部内容 -->
	<div class="bottom">
		<div class="bottom_content">
		<!-- 智能硬件头部 -->
			<div class="color"></div>
			<div class="same_top">
				<h2>智能硬件</h2>
				<ul>
					<li><a href="">查看全部</a></li>
				</ul>
			</div>
			<div class="clear"></div>
			<div class="yingjian">
			<!-- 智能硬件内容左边 -->
				<div class="left">
					<a href=""><img src="images/yingjian_left.jpg"></a>
				</div>
				<!-- 智能硬件内容右边图片 -->
				<div class="li">
					<ul>
						<li>
							<a href=""><img src="images/yingjian_li1.jpg">
								<p class="p2">小米路由器3</p>
							</a>
							<p class="p4">149元</p>
						</li>
						<li>
							<a href=""><img src="images/yingjian_li2.jpg">
								<p class="p2">电助力折叠自行车</p>
							</a>
							<p class="p3">力矩传感电助力，折叠便携设计</p>
							<p class="p4">2999元</p>
						</li>
						<li>
							<a href=""><img src="images/yingjian_li3.jpg">
								<p class="p2">米家恒温热水壶</p>
							</a>
							<p class="p3">9月20日早10点开售</p>
							<p class="p4">199元</p>
						</li>
						<li>
							<a href=""><img src="images/yingjian_li4.jpg">
								<p class="p2">九号平衡车</p>
							</a>
							<p class="p3">年轻人的酷玩具，骑行遥控两种玩法</p>
							<p class="p4">1999元</p>
						</li>
						<li>
							<a href=""><img src="images/yingjian_li5.jpg">
								<p class="p2">米兔智能故事机</p>
							</a>
							<p class="p3">宝宝又不好好吃饭，让米兔来哄宝宝吧</p>
							<p class="p4">199元</p>
						</li>
						<li>
							<a href=""><img src="images/yingjian_li6.jpg">
								<p class="p2">米家压力IH电饭煲</p>
							</a>
							<p class="p3">IH电磁环绕加热，让米粒在锅里跳舞</p>
							<p class="p4">999元</p>
						</li>
						<li>
							<a href=""><img src="images/yingjian_li7.jpg">
								<p class="p2">小米笔记本Air 12.5英寸</p>
							</a>
							<p class="p3">更轻更薄，像杂志一样随身携带</p>
							<p class="p4">3449元</p>
						</li>
						<li>
							<a href=""><img src="images/yingjian_li8.jpg">
								<p class="p2">米家LED智能台灯</p>
							</a>
							<p class="p3">无可视频闪，亮度色温无级调节</p>
							<p class="p4">169元</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="clear"></div>
			<div class="jianju"></div>
			<div class="dapei">
				<div class="same_top">
					<h2>搭配</h2>
					<ul>
						<li><a href="">电池存储卡</a></li>
						<li><a href="">电源</a></li>
						<li><a href="">耳机音箱</a></li>
						<li><a href="">热门</a></li>
					</ul>
				</div>
				<div class="pic">
					<ul>
						<li class="left">
							<a href="">
								<img src="images/dapei_li1.jpg">
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/dapei_li2.jpg">
								<p class="title">小米移动电源10000mAh </p>
								<p class="price">79元</p>
								<p class="pingjia">19.6万人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/dapei_li3.jpg">
								<p class="title">小米圈铁耳机</p>
								<p class="price">99元</p>
								<p class="pingjia">1.7万人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/dapei_li4.jpg">
								<p class="title">小米移动电源10000mAh 高配版  </p>
								<p class="price">149元</p>
								<p class="pingjia">2.3万人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/dapei_li5.jpg">
								<p class="title">小米蓝牙耳机</p>
								<p class="price">79元</p>
								<p class="pingjia">9.1万人评价</p>
							</a>
						</li>
						<li class="left">
							<a href="">
								<img src="images/dapei_li6.jpg">
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/dapei_li7.jpg">
								<p class="title">小米小钢炮蓝牙音箱2 </p>
								<p class="price">129元</p>
								<p class="pingjia">1.4万人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/dapei_li8.jpg">
								<p class="title">小米蓝牙音箱 </p>
								<p class="price">199元</p>
								<p class="pingjia">2万人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/dapei_li9.jpg">
								<p class="title">小米移动电源10000mAh </p>
								<p class="price">79元</p>
								<p class="pingjia">19.6万人评价</p>
							</a>
						</li>
						<!-- 搭配最后两个分开图片 -->
						<li class="right_last">
							<ul>
								<li>
									<a href="">
										<img src="images/dapei_li10.jpg">
										<span class="title">小米小钢炮</span>
							
									</a>
										<span class="price">99元</span>
								</li>
								<li>
									<a href="">
										<i class='iconfont'></i>
										<span class="title2">浏览更多</span>
										
									</a>
										<span class="content1">热门</span>
										
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="peijian">
				<div class="same_top">
					<h2>配件</h2>
					<ul>
						<li><a href="">其他配件</a></li>
						<li><a href="">贴膜</a></li>
						<li><a href="">保护套</a></li>
						<li><a href="">热门</a></li>
					</ul>
				</div>
				<div class="pic">
					<ul>
						<li class="left">
							<a href="">
								<img src="images/peijian_li1.jpg">
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/peijian_li2.jpg">
								<p class="title">小米手机5 智能翻盖保护套 </p>
								<p class="price">49元</p>
								<p class="pingjia">1.8万人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/peijian_li3.jpg">
								<p class="title">小米Max 智能显示保护套</p>
								<p class="price">59元</p>
								<p class="pingjia">4828人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/peijian_li4.jpg">
								<p class="title">红米Pro 智能显示保护套 </p>
								<p class="price">49元</p>
								<p class="pingjia">338人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/peijian_li5.jpg">
								<p class="title">红米3高配版 炫彩翻盖保护套</p>
								<p class="price">29元</p>
								<p class="pingjia">5629万人评价</p>
							</a>
						</li>
						<li class="left">
							<a href="">
								<img src="images/peijian_li6.jpg">
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/peijian_li7.jpg">
								<p class="title">红米Note3 炫彩翻页保护套</p>
								<p class="price">39元</p>
								<p class="pingjia">2.3万人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/peijian_li8.jpg">
								<p class="title">红米3标准版 炫彩翻盖保护套	</p>
								<p class="price">39元</p>
								<p class="pingjia">7096人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/peijian_li9.jpg">
								<p class="title">小米手机4 智能唤醒翻盖保护套 </p>
								<p class="price">15元</p>
								<p class="pingjia">11.5万人评价</p>
							</a>
						</li>
						<!-- 搭配最后两个分开图片 -->
						<li class="right_last">
							<ul>
								<li>
									<a href="">
										<img src="images/peijian_li10.jpg">
										<span class="title">平板2保护套</span>
							
									</a>
										<span class="price">69元</span>
								</li>
								<li>
									<a href="">
										<i class='iconfont'></i>
										<span class="title2">浏览更多</span>
										
									</a>
										<span class="content1">保护套</span>
										
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<!-- 小米周边 -->
			<div class="zhoubian">
				<div class="same_top">
					<h2>周边</h2>
					<ul>
						<li><a href="">箱包</a></li>
						<li><a href="">生活周边</a></li>
						<li><a href="">米兔</a></li>
						<li><a href="">服装</a></li>
						<li><a href="">热门</a></li>
					</ul>
				</div>
				<div class="pic">
					<ul>
						<li class="left">
							<a href="">
								<img src="images/zhoubian_li1.jpg">
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/zhoubian_li2.jpg">
								<p class="title">超脑米兔钥匙扣</p>
								<p class="price">29元</p>
								<p class="pingjia">387	人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/zhoubian_li3.jpg">
								<p class="title">拳击手米兔</p>
								<p class="price">49元</p>
								<p class="pingjia">94人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/zhoubian_li4.jpg">
								<p class="title">悟空米兔</p>
								<p class="price">49元</p>
								<p class="pingjia">255人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/zhoubian_li5.jpg">
								<p class="title">飞行员米兔屏幕擦挂饰</p>
								<p class="price">29元</p>
								<p class="pingjia">256人评价</p>
							</a>
						</li>
						<li class="left">
							<a href="">
								<img src="images/zhoubian_li6.jpg">
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/zhoubian_li7.jpg">
								<p class="title">经典版米兔</p>
								<p class="price">29元</p>
								<p class="pingjia">3.9万人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/zhoubian_li8.jpg">
								<p class="title">文艺版米兔</p>
								<p class="price">49元</p>
								<p class="pingjia">284人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/zhoubian_li9.jpg">
								<p class="title">30cm坐姿米兔</p>
								<p class="price">49元</p>
								<p class="pingjia">978人评价</p>
							</a>
						</li>
						<!-- 搭配最后两个分开图片 -->
						<li class="right_last">
							<ul>
								<li>
									<a href="">
										<img src="images/zhoubian_li10.jpg">
										<span class="title">黑猫米兔</span>
							
									</a>
										<span class="price">39元</span>
								</li>
								<li>
									<a href="">
										<i class='iconfont'></i>
										<span class="title2">浏览更多</span>
										
									</a>
										<span class="content1">米兔</span>
										
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<!-- 为你推荐 -->
			<div class="tuijian">
				<div class="same_top jiantou_top">
					<h2>为你推荐</h2>
					<ul>
						<li><a href=""><i class='iconfont'></i></a></li>
						<li><a href=""><i class='iconfont'></i></a></li>
					</ul>
				</div>
				<div class="pic">
					<ul>
						<li class="right1">
							<a href="">
								<img src="images/tuijian_li1.jpg">
								<p class="title">超脑米兔钥匙扣</p>
								<p class="price">29元</p>
								<p class="pingjia">387人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/tuijian_li2.jpg">
								<p class="title">超脑米兔钥匙扣</p>
								<p class="price">29元</p>
								<p class="pingjia">387人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/tuijian_li3.jpg">
								<p class="title">拳击手米兔</p>
								<p class="price">49元</p>
								<p class="pingjia">94人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/tuijian_li4.jpg">
								<p class="title">悟空米兔</p>
								<p class="price">49元</p>
								<p class="pingjia">255人评价</p>
							</a>
						</li>
						<li class="right">
							<a href="">
								<img src="images/tuijian_li5.jpg">
								<p class="title">飞行员米兔屏幕擦挂饰</p>
								<p class="price">29元</p>
								<p class="pingjia">256人评价</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- 热评产品 -->
			<div class="reping">
				<div class="same_top">
					<h2>热评产品</h2>
				</div>
				<div class="clear"></div>
				<div class="reping_pic">
					<ul>
						<li>
							<a href="">
								<img src="images/reping_li1.jpg">
								<p class="content">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>
								<p class="pingjia">来自于 HZG 的评价</p>
								<span class="content">米家压力IH电饭煲</span>	
							</a>
							<span class="xian">|</span>
							<span class="price">999元</span>
						</li>
						<li>
							<a href="">
								<img src="images/reping_li2.jpg">
								<p class="content">外观大气漂亮，全金属机身，爱不释手，希望推出更多版本，支持小米！！！</p>
								<p class="pingjia">来自于 681777 的评价 </p>
								<span class="content">小米笔记本Air 12.5英寸</span>
							</a>
							<span class="xian">|</span>
							<span class="price">3499元</span>
						</li>
						<li>
							<a href="">
								<img src="images/reping_li3.jpg">
								<p class="content">我就是喜欢这样的路由器，我每天回到家都要连着WiFi上网，上班就没办法连着呢！每次都等待着下班，我好...</p>
								<p class="pingjia">来自于 欧阳长 的评价 </p>
								<span class="content">小米笔记本Air 12.5英寸</span>
							</a>
							<span class="xian">|</span>
							<span class="price">3499元</span>
						</li>
						<li>
							<a href="">
								<img src="images/reping_li4.jpg">
								<p class="content">真的非常喜欢，从包装到内在都很美，爱不释手	</p>
								<p class="pingjia">来自于 jiangnanjiang 的评价 </p>
								<span class="content">90分旅行箱 20寸</span>
							</a>
							<span class="xian">|</span>
							<span class="price">299元</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="clear"></div>
			<div class="content">
			<!-- 内容 -->
				<div class="same_top">
					<h2>内容</h2>
				</div>
				<div class="content_pic">
					<ul>
						<li class="li1">
							<h2>图书</font></h2>
							<a href="">
								<p class="p1">哈利·波特与魔法石</p>
								<p class="p2">哈利波特来了！</p>
								<img src="images/content_li1.jpg">
							</a>
						</li>
						<li class="li2">
							<h2>MIUI主题</h2>
							<a href="">
								<p class="p1">剑侠世界</p>
								<p class="p2">游戏同名主题，免费下载！吴亦凡陪你仗剑江湖！</p>
								<p class="price">免费</p>
								<img src="images/content_li2.jpg">
							</a>
						</li>
						<li class="li3">
							<h2>游戏</h2>
							<a href="">
								<p class="p1">剑侠世界</p>
								<p class="p2">一生不容错过的浪漫武侠！！</p>
								<p class="price">免费</p>
								<img src="images/content_li3.jpg">
							</a>
						</li>
						<li class="li4">
							<h2>应用</h2>
							<a href="">
								<p class="p1">2015年度应用</p>
								<p class="p2">2015年度应用</p>
								<p class="price">免费</p>
								<img src="images/content_li4.jpg">
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- 视频部分 -->
			<div class="video">
				<div class="same_top">
					<h2>视频</h2>
					<ul>
						<li><a href="">查看全部</a></li>
					</ul>
				</div>
				<div class="video_pic">
					<ul>
						<li>
							<a href="">
								<img src="images/video_li1.jpg">
							</a>
							<div class="title">
								<a href="">红米年度品牌视频</a>
							</div>
							<span>一亿人喜爱你，是一种责任。</span>
						</li>
						<li>
							<a href="">
								<img src="images/video_li2.jpg">
							
							</a>
								<div class="title">
									<a href="">小米笔记本Air最全介绍视频</a>
								</div>
								<span>带独立显卡的轻薄笔记本</span>
						</li>
						<li>
							<a href="">
								<img src="images/video_li3.jpg">
								
							</a>
								<div class="title">
									<a href="">小米笔记本Air可靠性测试视频</a>
								</div>
								<span>小米笔记本Air是如何炼成的？</span>
						</li>
						<li>
							<a href="">
								<img src="images/video_li4.jpg">
								
							</a>
								<div class="title">
									<a href="">小米Max 绝美外观视频</a>
								</div>
								<span>6.44" 大屏黄金尺寸，看什么都震撼</span>
						</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
	</div>
	<div class="footer">
		<div class="footer_top">
			<div class="top">
				<ul>
					<li><a href=""><i class="iconfont"></i>预约维修服务</a><span></span></li>
					
					<li><a href=""><i class="iconfont"></i>7天无理由退货</a><span></span></li>
					<li><a href=""><i class="iconfont"></i>15天免费换货</a><span></span></li>
					<li><a href=""><i class="iconfont"></i>满150元包邮</a><span></span></li>
					<li><a href=""><i class="iconfont"></i>520余家售后网点</a></li>
				</ul>
			</div>
			<div class="service">
				<ul>
					
					<li class="title">帮助中心</li>
					<li class="title">服务支持</li>
					<li class="title2">线下门店</li>
					<li class="title2">关于小米</li>
					<li class="title2">关注我们</li>
					<li class="title">特色服务</li>
					<li><a href="">自助服务</a></li>
					<li class="li2"><a href="">相关下载</a></li>
					<li class="li2"><a href="">购物指南</a></li>
					<li class="li2"><a href="">小米之家</a></li>
					<li class="li2"><a href="">服务网点</a></li>
					<li class="li2"><a href="">零售网点</a></li>
					<li><a href="">订单操作</a></li>
					<li class="li2"><a href="">了解小米</a></li>
					<li class="li2"><a href="">加入小米</a></li>
					<li class="li2"><a href="">联系我们</a></li>
					<li class="li2"><a href="">账户管理</a></li>
					<li class="li2"><a href="">新浪微博</a></li>
					<li><a href="">小米部落</a></li>
					<li class="li2"><a href="">官方微信</a></li>
					<li class="li2"><a href="">售后政策</a></li>
					<li class="li2"><a href="">米码通道</a></li>
					<li class="li2"><a href="">小米移动</a></li>
					<li class="li2"><a href="">防伪查询</a></li>
					<span></span>
				</ul>
			</div>
			<div class="mm">
				<p class="p1">400-100-5678</p>
				<p class="p2">周一至周日 8:00-18:00<br>（仅收市话费）</p>
				<a href=""><i class="iconfont"></i>24小时在线客服</a>
			</div>
		</div>
		<div class="clear"></div>
		<!-- 页脚底部部分 -->
		<div class="footer_bottom">
			<div class="logo">
				<img src="images/logo.png" alt="">
			</div>
			<div class="info_text">
				<a href="">小米商城</a>
				<span class="sep">|</span>
				<a href="">MIUI</a>
				<span class="sep">|</span>
				<a href="">米聊</a>
				<span class="sep">|</span>
				<a href="">多看书城</a>
				<span class="sep">|</span>
				<a href="">小米路由器</a>
				<span class="sep">|</span>
				<a href="">视频电话</a>
				<span class="sep">|</span>
				<a href="">小米后院</a>
				<span class="sep">|</span>
				<a href="">小米天猫店</a>
				<span class="sep">|</span>
				<a href="">小米淘宝直营店</a>
				<span class="sep">|</span>
				<a href="">小米网盟</a>
				<span class="sep">|</span>
				<a href="">问题反馈</a>
				<span class="sep">|</span>
				<a href="">Select Region</a>
				
				<br>
				<span class="copyright">
					<a href="www.mi.com">©mi.com </a>
					京ICP证110507号 京ICP备10046444号 
					<a href="">京公网安备11010802020134号</a>
					<a href="">京网文[2014]0059-0009号</a>
					<br>
					本项目仅供学习交流使用，如用于商业用途与本人无关，后果自负，如有侵权，请联系：<a href="mailto:cantinzing@163.com">cantinzing@163.com</a>
				</span>
			</div>
			<div class="pic">
				<a href=""><img src="images/footer_bottom1.png"></a>
				<a href=""><img src="images/footer_bottom2.png"></a>
				<a href=""><img src="images/footer_bottom3.png"></a>
				<a href=""><img src="images/footer_bottom4.png"></a>
			</div>
			<div class="author">
				<p>Copy by <a href="http://weibo.com/imchentz/home?wvr=5&lf=reg" target="_blank">cantinzing</a> in 2016年9月21日(●'◡'●)</p>
			</div>
			<div class="slogan_ir">
				探索黑科技，小米为发烧而生
			</div>
		</div>
	</div>
</body>
</html>
